import { Link } from '@brillout/docpress'
import vikeLogo from '../../assets/logo/vike.svg'
import vikeLogoDark from '../../assets/logo/vike-dark.svg'
import './press.css'


## Logo

<div style={{position: 'relative', marginBottom: 30}}>

  **vike.svg**
  <img src={vikeLogo} height={48} />

  <div style={{
      position: 'absolute',
      right: 0,
      top: -16,
      width: '60%',
      height: 'calc(100% + 37px)',
      paddingLeft: 'calc(50% - 200px)',
      color: 'white',
      background: 'black',
      float: 'right'
    }}
  >
    **vike-dark.svg**
    <img src={vikeLogoDark} height={48} />
  </div>

</div>

> See [GitHub > `vikejs/vike-assets`](https://github.com/vikejs/vike-assets) for alternative logos. (Animated, favicon size, variants for different contexts, ...)


## Text

- <Link href="/" />
- <Link href="/why" />

> Reach out if you want more material.


## Banner

<img src="/banner.jpg" height="250" />

> To generate the 1200x630 `banner.jpg` above, go to <a href="/banner" rel="external">`/banner`</a> then follow the [instructions](https://gist.github.com/brillout/e7d0a5585471c4ea40d43d2caaadafad).

> More banners:
> - <a href="/banner/cover" rel="external">`/banner/cover`</a>
> - <a href="/banner/minimal" rel="external">`/banner/minimal`</a>
> - <a href="/banner/vikings" rel="external">`/banner/vikings`</a>
